@charset "utf-8";

* {
    word-wrap: break-word
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
    margin: 0;
    padding: 0
}

ul, ol, dl {
    list-style-type: none
}

html, body {
    *position: static
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

input, button, textarea, select, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input, button {
    overflow: visible;
    vertical-align: middle;
    outline: none
}

body, th, td, button, input, select, textarea {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
    font-size: 14px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}

body {
    line-height: 1.6
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

a, area {
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #333;
}

a:hover {
    text-decoration:none;
    outline: none
}


a:focus {
    outline: none
}

a:hover, a:active {
    outline: none
}

:focus {
    outline: none
}

sub, sup {
    vertical-align: baseline
}

strong {
    font-weight: inherit;
}

/*img*/
img {
    border: 0;
    vertical-align: middle
}

a img, img {
    -ms-interpolation-mode: bicubic
}

.img-responsive {
    max-width: 100%;
    height: auto
}

/*IE下a:hover 背景闪烁*/
html {
    overflow: -moz-scrollbars-vertical;
    zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))
}

/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
    display: block;
    margin: 0;
    padding: 0
}

canvas {
    display: inline-block;
    *display: inline;
    *zoom: 1
}


legend {
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 15px;
    color: #999
}


/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cl, .clearfix {
    zoom: 1
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

/*header start*/
.header-topNav {
    min-width: 1200px;
    height: 40px;
    line-height: 40px;
    background: #f66;
}

.header-topCont {
    width: 1080px;
    padding: 0 60px;
    margin: 0 auto;
}

.header-topLeft {
    float: left;
}

.header-topLeft span {
    margin: 0 13px;
}
.header-topLeft a,
.header-topLeft span{
    color: #fff;
}
.header-topRight, .header-topRight li {
    float: right;
}

.entry, .register {
    position: absolute;
    top: 48px;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 55px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    z-index: 90;
}

.entry {
    right: 75px;
    background: #ff3333;
}

.register {
    right: 20px;
    background: #ff9999;
}

.logo, .son-ant {
    display: inline-block;
    background-image: url(/images/icon-9.png);
    background-repeat: no-repeat;
}

.son-ant {
    height: 50px;
    width: 50px;
    background-position: 0 -18px;
}


/*header end*/

/*footer start*/
#footer{
    min-width: 1200px;
    background: #444546;
}
.footer{
    padding-top: 78px;
    margin: 70px auto 0;
    width: 1200px;
    min-width: 1200px;
    height: 188px;
    text-align: center;
    font-size: 16px;
    color: #a8a8a8;
}
.footer a{color: #a8a8a8;}
.footer a:hover,
.icon-weixin:hover{color: #ccc;}
.footer-ul li{
    float: left;
    padding-right: 50px;
    height:40px;
    line-height: 40px;
}
.icon-Email,.icon-tel,.icon-QQ{margin-right: 50px;}
.icon-Email,.icon-tel,.icon-QQ{
    border-right: 1px solid #585858;
}
.icon-Email strong,.icon-tel strong,
.icon-QQ strong,.icon-weixin strong{
    margin-right: 30px;
    float: left;
    background-image: url(/images/icon-butt.png);
    background-repeat: no-repeat;
    height:40px;
    width: 40px;
}
.icon-weixin{position: relative;cursor: pointer;}
.icon-weixin strong{background-position:0 0;}
.icon-tel strong{background-position:0 -80px;}
.icon-Email strong{background-position:0 -120px;}
.icon-QQ strong{background-position:0 -160px;}
.icon-ewm{
    position: absolute;
    top: -99px;
    left: -26px;
    display: none;
    width: 90px;
    height: 95px;
    background: url(/images/icon-ewm.png) no-repeat;
}
.icon-weixin:hover strong{
    background-position:0 -40px;
}
.icon-weixin:hover .icon-ewm{
    display: block;
}
.footer-div1{margin: 60px 0 5px;}
.footer-div1 span,
.footer-div2>span{
    margin: 0 8px;
}
.footer-div1 strong{
    margin-left: 40px;
}
.footer-div2 a span{margin-left: 7px;margin-right: 15px;}
.footer-div2 a img{vertical-align: -5px;}
.footer-div2 a strong{margin: 0 7px;}

/*footer end*/

.hidden {
    display: none !important;
}
/*弹框提醒-Reminder-start*/

#BgDiv {
    display: none;
    background-color: #656565;
    position: fixed;
    z-index: 100;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1000px;
    opacity: 0.5;
}

.icon-4, .icon-2, .icon-11, .icon-9, .icon-10, .icon-18, .icon-6 {
    margin-right: 10px;
    display: inline-block;
    background-image: url(/images/icon-8.png);
    background-repeat: no-repeat;
    height: 16px;
    vertical-align: -2px;
}

.Reminder-title .icon-18 {
    height: 16px;
    width: 15px;
    background-position: 0 -108px;
    float: right;
    margin-top: 17px;
    cursor: pointer;
}

.Reminder-title {
    padding-left: 35px;
    padding-right: 15px;
    height: 50px;
    line-height: 50px;
    background: #f66;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

#Reminder {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -352px;
    margin-top: -170px;
    width: 705px;
    height: 340px;
    background: #fff;
    border-radius: 10px;
    font-size: 16px;
    z-index: 200;
}

#Reminder > div {
    margin: 47px 107px 30px;
}

#Reminder > div img {
    float: left;
    /*width: 70px;  原图不溢出，显示原图
    height: 110px;*/
}

#Reminder > div div {
    padding-top: 40px;
    margin-left: 100px;
}

#Reminder > button {
    float: right;
    margin-right: 25px;
    width: 120px;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}

.prompt-primary .btn-queding {
    border-color: #f66;
    background: #f66;
}

/*.prompt-primary .btn-queding:hover {*/
    /*border-color: #f33;*/
    /*background: #f33;*/
/*}*/

.prompt-primary .btn-quxiao {
    border-color: #d9d9d9;
    background: #d9d9d9;
}

.prompt-primary .btn-quxiao:hover {
    border-color: #999;
    background: #999;
}

/*.prompt-primary .Reminder-title {*/
    /*background: #f33;*/
/*}*/

.prompt-success .Reminder-title {
    background: #999;
}

.prompt-success .btn-queding {
    border-color: #f66;
    background: #f66;
}

.prompt-success .btn-queding:hover {
    border-color: #f33;
    background: #f33;
}

.prompt-success .btn-quxiao {
    border-color: #d9d9d9;
    background: #d9d9d9;
}

.prompt-success .btn-quxiao:hover {
    border-color: #999;
    background: #999;
}

/*弹框提醒-Reminder-end*/


/*原base结束*/


/* CSS Document */
input{border:none;}



.reg .yuanj{behavior:url(/css/pie.htc);}
.reg input{width:215px;height:16px;padding:11px 0 11px 5px;font-size:14px;border:1px solid #e5e5e5;}
.reg .border-red{border-color:#ff6666;}
.reg .red{color:#ff6666;}
.reg{height:825px;}
.w-c{width:750px;margin:0 auto;padding:0 445px 0 52px;}
.reg h1{margin-top:40px;}
.reg h4{color:#5b5b5b;font-weight:bold;float:left;}
.reg .w-all{height:36px;background:#f2f2f2;width:100%;line-height:36px;margin:40px 0 25px 0;}
.reg .login-a{float:right;color:#5b5b5b;}
.reg .login-a a{color:#5b5b5b;}
.reg .reg-ul li{overflow:hidden;}
.reg .reg-ul li label{width:150px;text-align:right;display:inline-block;font-size:16px;}
.reg .reg-ul li p{height:20px;padding-left:150px;line-height:20px;}
.reg .reg-ul li .tip{background-color:#ffdfe2;min-width:250px;height:35px;border:1px solid #ff6666;display:none;float:right;position: relative;}
.reg .reg-ul li .tip b{left: -8px;top: 12px;position: absolute;width: 0;height: 0;border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;border-right: 8px solid #ff6666;}
.reg .reg-ul li .tip i{top: -5px;left:2px;position: absolute;width: 0;height: 0; border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;border-right: 7px solid #ffdfe2;}
/*
tipok  对号，tip1正常提示，tip2错误信息
*/
.reg .reg-ul li .tipok{display:none;background:url("/images/icon-qq-ok.png") no-repeat;height:24px;width:24px;}
.reg .reg-ul .tip1 .tip{display:inline-block;background-color:#f7f7f7;border-color:#e5e5e5;padding: 0 5px;line-height: 37px;margin-right: 100px;}
.reg .reg-ul .tip1 .tip b{border-right-color:#e5e5e5;}
.reg .reg-ul .tip1 .tip i{border-right-color:#f7f7f7;}
.reg .reg-ul .tip1 input{border-color:#e5e5e5;}
.reg .reg-ul .tip2 .tip{display:inline-block;background-color:#ffdfe2;border-color:#ff6666;padding: 0 5px;line-height: 37px;margin-right: 100px;}
.reg .reg-ul .tip2 input{border-color:#ff6666;}
.reg .reg-ul .tip2 .tip span{color: #fc6977;;}
.reg .reg-ul .tip2 .tip b{border-right-color:#ff6666;}
.reg .reg-ul .tip2 .tip i{border-right-color:#ffdfe2;}
.reg .reg-ul .tipok .tipok{float: right;margin: 5px 346px 0 5px;display: inline-block;}
.reg .reg-ul li.far .tip{margin-right: 0;}

.reg .reg-ul .check{width:115px;margin-right:15px;}
.reg .reg-ul .check-btn{padding: 0 5px;height:36px;margin-left: 5px; border-radius:4px;background:#ff6666;line-height:36px;color:#FFF;display:inline-block;text-align:center;}
.reg .reg-ul .yzm a{font-size:12px;padding-left:9px;color:#666;}
.reg .reg-ul .checkbox{font-size:12px;color:#4e4949;height:19px;line-height:19px;}
.reg .reg-ul .checkbox input{width:19px;text-align:left;border:none;height:18px;line-height:18px;padding:0;}
.reg .reg-ul .reg-btn{width:220px;height:36px;background:#ff6666;line-height:3px;color:#FFF;display:inline-block;text-align:center;margin-top:4px;}
.reg .reg-ul .reg-btn:hover{background: #f55}
.reg .reg-ul input:focus{border-color: #f66;}
/*第三方登录*/
.l-c-box .red{color:#ff6666;}
.l-c-box{width:610px;height:347px;border:1px solid #eaeaea;margin:0 auto;padding:23px 0 0 0;color:#666666;position:relative;}
.l-c-box .pic-yi3{position:absolute;right:-96px;bottom:0px;}
.l-c-box .qq-ok{background:url(/images/icon-qq-ok.png) no-repeat top left;height:24px;padding-left:40px;margin:0 0 28px 84px;font-size:16px;color:#34a607;}
.l-c-box ul li label{width:150px;text-align:right;display:inline-block;font-size:16px;margin-right:30px;}
.l-c-box ul li input{width:306px;border:1px solid #e5e5e5;height:16px;padding:11px 0;font-size:14px;}
.l-c-box ul li .check{width:153px;margin-right:11px;}
.l-c-box ul li p{height:14px;line-height:14px;}
.l-c-box ul li .tip{background:url(/images/icon-8.png) no-repeat 0 -32px;margin:3px 0 3px 180px;padding-left:17px;color:#ff6666;}
.l-c-box ul .yzm{padding-top:7px;}
.l-c-box .yuanj{behavior:url(/css/pie.htc);}
.l-c-box ul .yzm img{margin-left:180px;}
.l-c-box ul .yzm a{font-size:12px;padding-left:122px;color:#666;}
.l-c-box .l-red-btn{display:inline-block;width:100px;height:40px;background:#ff6666;color:#FFF;line-height:40px;text-align:center; border-radius:4px;}
.l-c-box .l-hui-btn{display:inline-block;width:100px;height:38px;background:#FFF;color:#666;border:1px solid #d9d9d9;line-height:38px;text-align:center; border-radius:4px;margin-left:25px;}
.l-c-box .l-t-btn{margin-top:15px;text-align:center;}

.loading{
    position: fixed;left: 50%;top: 50%;width: 100px;margin-left: -25px;height: 100px;margin-top: -25px;background-color: #fff;z-index: 110;
}

/*2016.9.22*/
.reg .reg-ul .m-btn{height: 37px}
.reg .reg-ul .m-btn label{
    width: auto;
    margin-left: 150px;
    text-align: left;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}